.banner {
   margin-bottom: 0.28rem
}

.nav {
   padding: 0.3rem;
   padding-bottom: 0;
   background-color: #fff
}

.nav li {
   width: 48.5%;
   float: left;
   margin-left: 3%;
   border-radius: 0.1rem;
   overflow: hidden;
   margin-bottom: 0.3rem
}

.nav li:nth-child(odd) {
   margin-left: 0
}

.nav li a {
   position: relative;
   display: block
}

.nav li a::after {
   position: absolute;
   width: 0.35rem;
   height: 0.34rem;
   background: url(../images/round.png) center center no-repeat;
   background-size: 0.35rem 0.34rem;
   content: "";
   top: 0.14rem;
   left: 0.13rem;
   animation: fw2 2s;
}

@keyframes fw2 {
   0% {
      opacity: 0;
   }
}

.nav li a::before {
   position: absolute;
   width: 0.35rem;
   height: 0.34rem;
   background: url(../images/round.png) center center no-repeat;
   background-size: 0.35rem 0.34rem;
   content: "";
   bottom: 0.14rem;
   right: 0.13rem;
   animation: fw2 2s;
}

.nav li a .text {
   position: absolute;
   left: 0.31rem;
   top: 0.48rem;
   color: #fff
}

.nav li a .text h5 {
   line-height: 0.38rem;
   height: 0.38rem;
   font-size: 0.28rem;
   animation: fw3 2s;
}

@keyframes fw3 {
   0% {
      margin-left: -2rem;
   }

   100% {
      opacity: 1;
   }
}

.nav li a .text p {
   font-weight: lighter;
   line-height: 0.3rem;
   height: 0.3rem;
   font-size: 0.2rem;
   text-transform: uppercase;
   padding-bottom: 0.14rem;
   animation: fw3 3s;
}

.nav li a .text em {
   display: block;
   height: 0.03rem;
   width: 0.31rem;
   background-color: #fff;
   animation: line1 3s;
}

@keyframes line1 {
   0% {
      width: 100%;
   }

   100% {
      width: 0.31rem;
   }
}

.nav li a .img_1 {
   position: absolute;
   width: 0.78rem;
   height: 1.04rem;
   bottom: 0.27rem;
   right: 0.55rem;
   animation: img 3s;
}

.nav li a .img_2 {
   position: absolute;
   width: 0.87rem;
   height: 1.22rem;
   bottom: 0.18rem;
   right: 0.62rem;
   animation: img 3s;
}

.nav li a .img_3 {
   position: absolute;
   width: 0.64rem;
   height: 0.98rem;
   bottom: 0.27rem;
   right: 0.61rem;
   animation: img 3s;
}

.nav li a .img_4 {
   position: absolute;
   width: 0.63rem;
   height: 1.17rem;
   bottom: 0.15rem;
   right: 0.58rem;
   animation: img 3s;
}
@keyframes img {
   0% {
      transform: scale(0.1, 0.1);
      opacity: 0;
   }
}

.title_1 {
   line-height: 0.68rem;
   height: 0.68rem;
   border-bottom: 0.02rem #f0f0f0 solid;
   background-color: #fff;
   margin-top: 0.18rem;
   padding: 0 0.3rem;
}

.title_1 a {
   float: right;
   font-size: 0.22rem;
   color: #acacac;
   text-transform: uppercase;
}

.title_1 h5 {
   float: left;
   font-size: 0.3rem;
   padding-left: 0.26rem;
   position: relative;
   color: #454545;
}

.title_1 h5::after {
   content: "";
   position: absolute;
   left: 0;
   width: 0.07rem;
   height: 0.3rem;
   border-radius: 0.035rem;
   background-color: #3bce02;
   top: 50%;
   margin-top: -0.15rem;
}

.newsList ul {
   padding: 0.4rem 0.3rem 0 0.3rem;
   background-color: #fff;
   overflow: hidden;
}

.newsList ul li {
   height: 1.72rem;
   overflow: hidden;
   margin-bottom: 0.4rem;
}

.newsList ul li a {
   display: block;
   height: 100%;
   padding-left: 3.05rem;
   position: relative;
}

.newsList ul li a .img {
   width: 2.8rem;
   border-radius: 0.1rem;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   overflow: hidden;
}
.newsList ul li a .img img{
   
   animation: img5 3s;
}

@keyframes img5 {
   0% {
      transform: scale(1.5, 1.5);
   }
}
.newsList ul li a h6 {
   line-height: 0.44rem;
   height: 0.44rem;
   font-size: 0.28rem;
   color: #454545;
}

.newsList ul li a span {
   line-height: 0.46rem;
   height: 0.46rem;
   font-size: 0.24rem;
   font-weight: lighter;
   color: #454545;
   padding-bottom: 0.04rem;
   display: block;
}

.newsList ul li a p {
   line-height: 0.36rem;
   color: #676767;
   font-size: 0.24rem;
   font-weight: lighter;
}

/* footer */
.seat_h {
   height: 1rem;
   background-color: #fff;
}

.footer {
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   height: 1rem;
   z-index: 10;
   background-color: #fff;
   border-top: 1px solid #ececec;
}

.footer li {
   width: 16.5%;
   height: 1rem;
   float: left;
}

.footer li a {
   height: 100%;
   display: block;
}

.footer li a img {
   display: block;
   margin: 0 auto;
   height: 100%;
   width: auto;
}

/* 二级头部 */
.header {
   height: 0.9rem;
   line-height: 0.9rem;
   background-color: #fff;
   position: relative;
}

.header h5 {
   font-size: 0.34rem;
   color: #090909;
   font-weight: 500;
   text-align: center;
}

.header .return {
   position: absolute;
   width: 0.3rem;
   height: 0.3rem;
   left: 0.3rem;
   top: 50%;
   margin-top: -0.15rem;
}

.header .return::after {
   content: "";
   position: absolute;
   width: 0.24rem;
   height: 0.24rem;
   border: 2px solid #000000;
   border-width: 2px 0 0 2px;
   -webkit-transform: rotate(315deg);
   transform: rotate(315deg);
   top: 0;
   left: 0;
}

.search {
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   margin-top: 0.3rem;
   margin-bottom: 0.4rem;
}

.search .left_1 {
   padding-left: 0.72rem;
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   flex: 1;
   border-radius: 0.32rem;
   height: 0.64rem;
   border: 0.01rem #e0e0e0 solid;
   background: url(../images/search_1.png) no-repeat #f5f5f5;
   background-position: 0.25rem center;
   background-size: 0.31rem 0.31rem;
}

.search .right_1 {
   height: 0.64rem;
   border: 0.01rem #258bff solid;
   width: 1.22rem;
   margin-left: 0.1rem;
   background-color: #258bff;
   border-radius: 0.32rem;
   overflow: hidden;

}

.search .left_1 input {
   background-color: #f5f5f5;
   line-height: 0.62rem;
   font-size: 0.26rem;
   color: #333333;
   width: 90%;
   border: none;
   padding: 0;
   margin: 0;
   margin-top: 1px;
   height: 0.6rem;
}

.search input:focus {
   outline: none;
}

.search .right_1 input {
   display: block;
   width: 100%;
   text-align: center;
   background-color: #258bff;
   border: none;
   color: #fff;
   font-size: 0.3rem;
   height: 0.64rem;
   height: 100%;
}

.xxfk_1 {
   height: 1.29rem;
   background: url(../images/xxfk_1.jpg) no-repeat center center;
   background-size: 100% 100%;
   position: relative;
   padding-top: 0.29rem;
   border-radius: 0.1rem;
   padding-left: 0.72rem;
   margin-bottom: 0.37rem;
}

.xxfk_1::after {
   position: absolute;
   width: .35rem;
   height: .34rem;
   background: url(../images/round.png) center center no-repeat;
   background-size: 0.35rem 0.34rem;
   content: "";
   top: 0.18rem;
   left: 0.16rem
}

.xxfk_1::before {
   position: absolute;
   width: 0.35rem;
   height: 0.34rem;
   background: url(../images/round.png) center center no-repeat;
   background-size: 0.35rem 0.34rem;
   content: "";
   bottom: 0.15rem;
   right: 0.17rem
}

.xxfk_1 p {
   line-height: 0.5rem;
   font-size: 0.26rem;
   color: #fff;
   height: 0.5rem;
   position: relative;
   padding-left: 0.38rem;
}

.xxfk_1 p::before {
   position: absolute;
   width: 0.24rem;
   height: 0.24rem;
   background: url(../images/round1.png) no-repeat center center;
   background-size: 100% 100%;
   content: "";
   left: 0;
   top: 0.12rem;
   border-radius: 50%;
}

.xxfx_2 ul li {
   padding: 0.24rem 0.2rem 0.2rem 0.2rem;
   background-color: #f5f5f5;
   border-radius: 0.1rem;
   margin-bottom: 0.4rem;
}

.xxfx_2 ul li a {
   display: block;
}

.xxfx_2 ul li em {
   display: block;
   line-height: 0.4rem;
   font-size: 0.24rem;
   color: #8b8b8b;
}

.xxfx_2 ul li span {
   display: block;
   text-align: right;
   line-height: 0.24rem;
   font-size: 0.24rem;
   height: 0.24rem;
   color: #acacac;
}

.cell {
   padding: 0.1rem 0.24rem;
   position: relative;
   display: -webkit-box;
   display: -webkit-flex;
   display: flex;
   height: 0.8rem;
   -webkit-box-align: center;
   -webkit-align-items: center;
   align-items: center;
   font-size: 0.32rem;
   color: #373737;
   border-bottom: 1px solid #e1e1e1;
}

.cell .item {
   -webkit-box-flex: 1;
   -webkit-flex: 1;
   flex: 1;
}

.cell .item input {
   width: 100%;
   border: none;
   font-size: 0.32rem;
   color: #373737;
}

.cell .item input:focus {
   outline: none;
}

.glf_1 .cell span {
   display: block;
   width: 5em;
   padding-right: 1em;
   text-align: justify;
   text-align-last: justify;
   position: relative;
}
.glf_1 .cell span::after{
   right: 0;
   content: "：";
   position: absolute;
}
.glf_1 .year,
.glf_1 .price {
   position: relative;
   color: #b3b3b3;

}
.triangle::before{
   background: url(../images/icon.png) right center no-repeat;
   background-size: 0.27rem 0.17rem;
   position: absolute;
   width: 0.27rem;
   height: 0.17rem;
   content: "";
   right: 0;
   top: 50%;
   margin-top: -0.135rem;
}
.triangle.on::before{
   -webkit-transform: rotate(180deg);
   transform: rotate(180deg);
}
.glf_1 .year_bj,
.glf_1 .price_bj {
   display: none;
   background-color: #f2f2f2;
   text-align: center;
}

.glf_1 .price_bj span,
.glf_1 .year_bj span {
   display: block;
   line-height: 0.86rem;
   font-size: 0.28rem;
   color: #242424;
   border-top: solid #e1e1e1 1px;
}

.glf_1 .price_bj span:first-child,
.glf_1 .year_bj span:first-child {
   border-top: none;
}

.glf_1 .year_bj span.on,
.glf_1 .price_bj span.on {
   color: #39c901;
}

.glf_1 .desc {
   background: url(../images/glf_bj.jpg) no-repeat center center;
   background-size: 100% 100%;
   height: auto;
   padding-left: 0.7rem;
   margin: 0.7rem 0;
   position: relative;
   border-radius: 0.1rem;
   padding-top: 0.48rem;
   padding: 0.48rem 0.3rem 0.48rem 0.7rem;
}

.glf_1 .desc p {
   font-size: 0.26rem;
   color: #fff;
   position: relative;
   line-height: 0.48rem;
}

.glf_1 .desc p::after {
   position: absolute;
   width: 0.24rem;
   height: 0.24rem;
   background: url(../images/round1.png) no-repeat center center;
   background-size: 100% 100%;
   content: "";
   left: -0.4rem;
   top: 0.12rem;
}

.glf_1 .desc::after {
   position: absolute;
   width: 0.35rem;
   height: 0.34rem;
   background: url(../images/round.png) no-repeat center center;
   background-size: 0.35rem 0.34rem;
   content: "";
   top: 0.12rem;
   left: 0.13rem;
}

.glf_1 .desc::before {
   position: absolute;
   width: 0.35rem;
   height: 0.34rem;
   background: url(../images/round.png) no-repeat center center;
   background-size: 0.35rem 0.34rem;
   content: "";
   bottom: 0.28rem;
   right: 0.18rem;
}

.submit_btn {
   width: 100%;
   height: 0.88rem;
   line-height: 0.88rem;
   border-radius: 0.44rem;
   background-color: #258bff;
   color: #fff;
   font-size: 0.34rem;
   letter-spacing: 0.1rem;
   margin-bottom: 0.7rem;
}

.glf_1 .desc span {
   display: block;
   width: 50%;
   float: left;
   font-size: 0.26rem;
   color: #fff;
   line-height: 0.48rem;
}

.mwf_1 .cell span {
   display: block;
   width: 4em;
   padding-right: 1em;
   text-align: justify;
   text-align-last: justify;
   position: relative;
}
.mwf_1 .cell span::after{
   right: 0;
   content: "：";
   position: absolute;
}
.mwf_1 .submit_btn {
   margin-bottom: 0.2rem;
   margin-top: 3rem;
}

.ward img {
   margin: 0.4rem 0;
   border-radius: 0.1rem;
}

.ward h5 {
   font-size: 0.32rem;
   color: #2e2e2e;
   margin-bottom: 0.1rem;
}

.ward p {
   line-height: 0.4rem;
   font-size: 0.24rem;
   color: #999999;
}

.goods_box {
   padding-top: 0.3rem;
}

.goods_box li {
   width: 50%;
   float: left;
   margin-bottom: 0.24rem;
}

.goods_box li:nth-child(odd) .item {
   padding-right: 0.14rem;
}

.goods_box li:nth-child(even) .item {
   padding-left: 0.14rem;
}

.goods_box li .item .img {
   padding-left: 0.68rem;
   position: relative;
}

.goods_box li .item .img img {
   border-radius: 0.1rem;
}

.goods_box li .item .img em {
   background: url(../images/choice.png) no-repeat center center;
   width: 0.36rem;
   height: 0.36rem;
   background-size: 0.36rem 0.36rem;
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -0.18rem;
}

.goods_box li .item .img em.on {
   background: url(../images/choice_on.png) no-repeat center center;
   background-size: 0.36rem 0.36rem;
}

.goods_box li .item p {
   line-height: 0.74rem;
   margin-left: 0.68rem;
   height: 0.74rem;
   overflow: hidden;
   text-align: center;
   color: #454545;
   font-size: 0.28rem;
}

.goods_box li .item p span {
   color: #df0021;
   font-size: 0.24rem;
   margin-left: 0.1rem;
}

.goods_box li .item p span em {
   font-size: 0.3rem;
}

.goods_box .cell span {
   display: block;
   width: 5em;
   padding-right: 1em;
   text-align: justify;
   text-align-last: justify;
   position: relative;
}
.goods_box .cell span::after{
   right: 0;
   content: "：";
   position: absolute;
}
.goods_box .text_desc {
   background-color: #258bff;
   padding-left: 0.3rem;
   margin: 0.7rem 0;
   position: relative;
   border-radius: 0.1rem;
   padding-top: 0.58rem;
   padding-bottom: 0.57rem;
}

.goods_box .text_desc::after {
   position: absolute;
   width: 0.35rem;
   height: 0.34rem;
   background: url(../images/round.png) no-repeat center center;
   background-size: 0.35rem 0.34rem;
   content: "";
   top: 0.16rem;
   left: 0.13rem;
}

.goods_box .text_desc::before {
   position: absolute;
   width: 0.35rem;
   height: 0.34rem;
   background: url(../images/round.png) no-repeat center center;
   background-size: 0.35rem 0.34rem;
   content: "";
   bottom: 0.21rem;
   right: 0.17rem;
}

.goods_box .text_desc p {
   font-size: 0.26rem;
   line-height: 0.48rem;
   color: #fff;
   padding-left: 0.4rem;
   position: relative;
}

.goods_box .text_desc p::after {
   position: absolute;
   width: 0.24rem;
   height: 0.24rem;
   background: url(../images/round1.png) no-repeat center center;
   background-size: 100% 100%;
   content: "";
   left: 0;
   top: 0.12rem;
}

.glf_1 .fc_373737 {
   color: #373737 !important;
}
.swiper-pagination-bullet-active{background-color: #ffffff !important;}